/* 暗黑样式
--------------------------- */
html[class='dark'] {
  --kld-color-white: #fff;
  --kld-color-black: #0f121d;
  --kld-color-primary: #1966ff;
  --kld-border-color: #333333;

  --kld-color-hover: #3c3c3c;
  --kld-color-hover-rgba: rgba(0, 0, 0, .9);

  // 左侧菜单
  --kld-bg-menuMainColor: var(--kld-color-black) !important;
  --kld-bg-menuActiveColor: var(--kld-color-primary) !important;
  --kld-bg-menuHoverColor: #2e436e !important;

  --kld-text-menuMainColor: var(--kld-color-white) !important;
  --kld-text-menuActiveColor: var(--kld-color-white) !important;
  --kld-text-menuHoverColor: var(--kld-color-white) !important;

  // 头部导航
  --kld-bg-headerBarColor: var(--kld-color-black) !important;

  // 头部右侧图标光标浮动
  --kld-color-user-hover: var(--kld-color-hover-rgba) !important;

  // 边框
  --kld-border-color-light: var(--kld-border-color) !important;


  /* wangeditor 富文本编辑器 - css vars
  --------------------------- */
  --w-e-toolbar-bg-color: var(--el-bg-color) !important;
  --w-e-toolbar-color: var(--el-text-color-primary) !important;
  // // 工具栏浮动显示
  --w-e-toolbar-active-color: var(--el-text-color-primary) !important;
  --w-e-toolbar-active-bg-color: var(--el-color-primary-light-9) !important;
  --w-e-toolbar-border-color: var(--kld-border-color) !important;
  // // 内容区域
  --w-e-textarea-bg-color: var(--el-bg-color) !important;
  --w-e-textarea-color: var(--el-text-color-primary) !important;

  // .el-switch {
  //   --el-switch-on-color: red !important;
  // }
}